@charset "utf-8";

@import "_iconfont.scss";

@function r($px){
    @return($px/40) * 1rem
}
a{
    height: 100%;
    display: inline-block;
}

#web{
        width: r(750);
    height: 100%;
    position: relative;
    .flhead{
        width: 100%;
        height: 94px;
        overflow: hidden;
        text-align: center;
        .kuangk{
            width: 84px;
            height: 39px;
            border: 1px solid #ff9240;
            border-radius: 10px;
            float: left;
            text-align: center;
            margin-top: r(50);
            margin-left: r(25);
            p{
                line-height: 39px;
                font-size: 17px;
            }
        }
        span{
            line-height: 94px;
            font-size: r(34);
        }
        .selectBar{
        width: 94px;
        height: 39px;
        border: 1px solid #FF9344;
        float: right;
        margin-top: r(50);
        margin-right: r(25);
        select{
            width: 100%;
            height: 100%;
            border: none;
            outline: none;
            vertical-align: top;
            //去除默认样式
//          appearance: none;
            -webkit-appearance: none;
            background: url(../img/shouye3.png) no-repeat;
            background-size: 15px 8px ;
            background-position: right 6px center;
          }
        }
    }
      .session{
    position: absolute;
    top: 94px;
    bottom: 92.5px;
    left: 0;
    right: 0;
    //纵向滚动
    overflow: scroll;
    //弹性滚动
    -webkit-overflow-scrolling: touch;
        .searchBar{
        width: r(264);
//      height: 25px;
        border: 1px solid #ff9344;
        border-radius: 25px;
        margin: 0 auto;
        font-size: 0;
        padding: 0 5px;
        box-sizing: border-box;
//      margin-top: 25px;
        input{
            border: none;
            width: calc(100% - 18px) ;
          display: inline-block;
           }
          img{
              vertical-align: middle;
              width: 18px;
              height: 18px;
          }    
    }
    .wesou{
        text-align: center;
        font-size: r(36);
        margin: r(40) 0;
        p{
            line-height: r(36);
        }
    }
    .wefx{
        width: 100%;
        text-align: center;
        margin-bottom: r(35);
        .fxfl{
            width: r(100);
            display: inline-block;
            .fxhui{
                width: 100%;
                background: #dcdcdc;
                text-align: center;
                margin-top: r(2.5);
                p{
                    font-size: r(20);
                    line-height: r(44);
                }
            }
        }
    }
    .yhtggd{
         .yhtg{
            font-size: r(20);
            display: inline-block;
            text-align: center;
            line-height: r(70);
            margin-left: r(20);
            .iconfont{
                font-size: r(25);
                color: #fe9343;
            //描边
//          -webkit-text-stroke: 2px #fe9343;
            }
        }
        .gd{
            font-size: r(18);
            float: right;
            text-align: center;
            line-height: r(70);
            display: inline-block;
            margin-right: r(20);
            .iconfont{
                font-size: r(18);
                color: #fe9343;
            }
        }
    }
    .fxtupian{
        width: 100%;
        height: r(240);
        overflow: hidden;
        margin:r(25) r(30);
        .fxzuo{
            float: left;
            img{
            width: r(190);
            height: r(240);
                }
            }
            .fxyou{
                width: r(540);
                height: r(240);
                float: right;
                .fxtop{
                     display: inline-block;
                    img{
                    width: r(500);
                    height: r(120);
                    }
                }
                .fxbottom{
                    width: r(500);
                    height: r(120);
                   display: inline-block;
                    .xiaozuo{
                        float: left;
                        img{
                              width: r(250);
                              height: r(120);
                        }
                    }
                    .xiaoyou{
                        float: right;
                         img{
                              width: r(250);
                              height: r(120);
                        }
                    }
                }
            }
    }
    
    .tjtu{
        width: 100%;
        overflow: hidden;
        text-align: center;
        margin:r(30) 0;
        .tjtp{
            width: r(200);
            display: inline-block;
            img{
                width: 100%;
                margin: 0 r(15);
            }
        }
    }
 }
    footer{
    width: r(750);
    height: 92.5px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f1f1f1;;
    ul{
        
    li{
        width: 25%;
        height: 92.5px;
        float: left;
        line-height: 1.3;
        text-align: center;
        p{
            font-size: r(34);
        }
        .iconfont{
            font-size: 40px;
            //透明
            color: transparent;
            //描边
            -webkit-text-stroke: 2px #fe9343;
        }
        a:visited .iconfont{
            color: #fe9343;
             }
          }
     }
}
}
